<template>
  <div class="wrapper">
   <ul>
      <li><a href="#">关于我们</a></li>
      <li><a href="#">联系我们</a></li>
      <li><a href="#">招聘信息</a></li>
      <li><a href="#">文明上网自律公约</a></li>
   </ul><br>
   <ul class="secondUl">
      <li>川网备号12345号</li>
      <li>蜀ICP备17035293号</li>
      <li>电信业务经营许可证：川B2-12345</li>
   </ul><br>
   <p class="intro">版权所有 ©2017—2020  四川佳良缘网络科技有限公司</p>
  </div>
</template>
<style>
    .wrapper{
      padding-top:5px;
      float:left;
      width:100%;
          
      font-size:.875rem;
      color:#fff;
    }
    ul{
      margin:0;
      list-style:none;
      width:100%;
      height:auto;
    }
    ul>li{
      float:left;
      text-align:center;
    }
    .wrapper>ul:first-child{
      padding:0 17%;
    }
    .secondUl{
      padding:0 13%;
      margin-top:3px;
    }
     .wrapper>ul:first-child>li{
      width:25%;
    }
     .secondUl>li{
      width:33.3%;
    }
    .intro{
      text-align:center;
     
    margin: 3px auto 0;
    }
</style>